<template>
    <div>
        <ul>
            <li @click="goBalance"><i class="icon iconfont icon-cart"> </i>我的余额</li>
            <li @click="goBargain"><i class="icon iconfont icon-set"> </i>我的砍价</li>
            <li @click="goCoupon"><i class="icon iconfont  icon-rfq"> </i>我的礼券</li>
            <li @click="goCollect"><i class="icon iconfont icon-qrcode"> </i>我的收藏</li>
            <li @click="goSite"><i class="icon iconfont  icon-edit"> </i>我的地址</li>
            <li @click="goService"><i class="icon iconfont icon-delete"> </i>联系客服</li>
        </ul>
        <p>The work of liu tao</p>
    </div>
</template>

<script>
export default {
    name: 'wgy-balance',
    data() {
        return {

        };
    },
    created() {
    },
    methods: {
        // 去我的余额
        goBalance() {
            this.$router.push('balance')
        },
         // 去我的我的砍价
        goBargain() {
            this.$router.push('bargain')
        },
         // 去我的礼券
        goCoupon() {
            this.$router.push('coupon')
        },
         // 去我的收藏<
        goCollect() {
            this.$router.push('collect')
        },
         // 去我的地址
        goSite() {
            this.$router.push('site')
        },
         // 去我的客服
        goService() {
            this.$router.push('service')
        },

    },
    //组件挂载
    components: {},
    //计算属性
    computed: {},
    //过滤器
    filters: {},
};
</script>

<style lang="scss" scoped>
ul{
    width: 100%;
    height: 2.8rem;
    font-size: .24rem;
    li{
        width: 33.33%;
        height: 1.4rem;
        float: left;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        i{
            font-size: .5rem;
        }
    }

}
p{
    font-size: .2rem;
    width: 100%;
    height: .4rem;
    background-color: #eee;
    text-align: center;
    line-height: .4rem;
}
</style>
